<template>
    <el-popover
            placement="bottom"
            trigger="click">
        <ul>
            <li class="title">我要举报该评论，理由是：</li>
            <li><el-radio label="1">垃圾广告信息：广告、招聘、推广、测试等内容</el-radio></li>
            <li><el-radio label="2">违规内容：色情、暴力、血腥、敏感信息等</el-radio></li>
            <li><el-radio label="3">不友善内容：人身攻击、挑衅辱骂、恶意行为</el-radio></li>
            <li><el-radio label="4">以上选项都不是：请补充说明</el-radio></li>
            <li>
                <el-button size="mini">取消</el-button>
                <el-button size="mini" type="success">提交</el-button>
            </li>
        </ul>
        <el-tooltip slot="reference" class="item" effect="dark" content="举报" placement="bottom">
            <a><i class="el-icon-warning"></i></a>
        </el-tooltip>
    </el-popover>
</template>

<script>
export default {
    name: 'comment-option'
}
</script>

<style scoped>
.el-icon-warning {
    color: #42b983;
}
.title {
    margin-bottom: 5px;
    font-weight: 600;
}
li {
    padding: 5px 10px;
}
li:last-child {
    float: right;
    margin-top: 5px;
}
</style>